<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <input type="text" name="" id="getWater">
  <input type="text" name="" id="nowWater">
  <button id="btn">计算</button>
  <input type="text" name="" id="result">

</body>
<script src="./0813.js"></script>
<script>
  // 山上有一口缸可以装50升水，现在有15升水。老和尚叫小和尚下山挑水，每次可以挑5升。
  // 问：小和尚要挑几次水才可以把水缸挑满？通过编程解决这个问题。
  //  => 封装 getWater(nowWater); 输入当前缸中的多少水,
  // 返回对应挑水的次数 0 <= nowWater <= 50 => 调用 getWater(15); => 7 => 调用 getWater(0); => 10
  var getWaterInp = document.querySelector('#getWater')
  var nowWaterInp = document.querySelector('#nowWater')
  var btn = document.querySelector('#btn')
  var resultInp = document.querySelector('#result')
  btn.onclick = function () {
    var getWater = getWaterInp.value * 1;
    var nowWater = nowWaterInp.value * 1;
    var result = fn(getWater, nowWater);
    console.log(getWater, nowWater, result);
  }


</script>

</html>